﻿<MCard Height="400"
       Width="256"
       Class="mx-auto">
    <MNavigationDrawer Permanent>
        <MListItem>
            <MListItemContent>
                <MListItemTitle class="text-h6">
                    Application
                </MListItemTitle>
                <MListItemSubtitle>
                    subtext
                </MListItemSubtitle>
            </MListItemContent>
        </MListItem>

        <MDivider></MDivider>

        <MList Dense
               Nav>
            @foreach (var item in _items)
            {
                <MListItem Link>
                    <MListItemIcon>
                        <MIcon>@item.Icon</MIcon>
                    </MListItemIcon>

                    <MListItemContent>
                        <MListItemTitle>@item.Title</MListItemTitle>
                    </MListItemContent>
                </MListItem>
            }
        </MList>
    </MNavigationDrawer>
</MCard>

@code{
    class Item
    {
        public string Title { get; set; }
        public string Icon { get; set; }
    }

    private Item[] _items = new Item[]
    {
         new Item{ Title= "Dashboard", Icon= "mdi-view-dashboard" },
         new Item { Title= "Photos", Icon= "mdi-image" },
         new Item { Title= "About", Icon= "mdi-help-box" }
    };
}



